<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>个人页面</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
	<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
	<style type="text/css">
		body {
			margin: 0px;
			padding: 0px;
		}

		.touxiang {
			border-radius: 10%;
			margin: 10px;
		}

		#box {
			width: 100%;
			height: 100%;
		}

		div a:hover {
			text-decoration: none;
		}

		.list {
			padding: 5px;
			width: 100%;
			height: 100px;
			font-size: 48px;
			color: #000000;
		}

		.arrow {
			float: right;
		}

		.logout {
			width: 100%;
			height: 100px;
			font-size: 48px;
			color: #000000;
			text-align: center;
		}

		.images {
			width: 70px;
			height: 70px;
			margin-left: 5px;
		}

		#message {
			font-size: 48px;
			margin-left: 40px;
		}

		.trans {
			width: 100%;
			height: 30px;
			background-color: #e9e9e9;
		}

		.tail {
			width: 100%;
			height: 450px;
			background-color: #e9e9e9;
		}

		.geren {
			position: fixed;
			width: 5rem;
			height: 8rem;
			display: block;
			left: 26rem;
		}
		#tubiao{
		   position: fixed;
           z-index: 999;
           top: 1606px;
		}
	</style>
	<script type="text/javascript">
		$(function () {
			refurbishIndex();

		});
		function refurbishIndex() {
			$.ajax({
				type: "get",
				url: "/perlist",
				data: {},
				async: false,
				success: function (data) {
					for (i in data) {
						document.getElementById("message").innerHTML = data[i].name;
					}

				}
			});
		}
		function fun() {
			$.ajax({
				type: "get",
				url: "/logout",
				data: {},
				async: false,
				success: function (data) {


				}
			});

		}
	</script>
</head>

<body>
	<div id="box">
		<img src="/Aa.jpg" width="200px" height="200px" class="touxiang" />
		<span id="message">
			请先登陆
		</span>
		<div class="trans"></div>
		<div class="list">
			<img src="/doctor.png" class="images" />
			<a href="#">我的医生</a>
			<span class="arrow">></span>
		</div>
		<div class="trans"></div>
		<div class="list">
			<img src="/appoint.png" class="images" />
			<a href="woyu">我的预约</a>
			<span class="arrow">></span>
		</div>
		<hr />
		<div class="list">
			<img src="/records.png" class="images" />
			<a href="bingli">我的病历</a>
			<span class="arrow">></span>
		</div>
		<hr />
		<div class="list">
			<img src="/healthy.png" class="images" />
			<a href="Jk">健康管理</a>
			<span class="arrow">></span>
		</div>
		<hr />
		<div class="list">
			<img src="/personal.png" class="images" />
			<a href="person">我的资料</a>
			<span class="arrow">></span>
		</div>
		<div class="trans"></div>
		<div class="list">
			<img src="/set.png" class="images" />
			<a href="#">设置</a>
			<span class="arrow">></span>
		</div>
		<div class="trans"></div>
		<div class="logout">
			<a href="login1">退出登录</a>
		</div>
		<div class="tail"></div>
		
		<div id="tubiao">
		<a href="y" class="geren"></a>
		<img src="/33.JPG" width="980"></div>
	</div>
</body>

</html>